<template>
  <div class="container" >
    <TopCom/>
    <div class="main">
      <CityCom />
      <ChartCom />
    </div>
    <AboutCom />
  </div>
</template>

<script setup>
import { onMounted} from 'vue'
import TopCom from '@/components/TopCom.vue'
import CityCom from '@/components/CityCom.vue'
import ChartCom from '@/components/ChartCom.vue'
import AboutCom from '@/components/AboutCom.vue'

import { useWeatherStore } from '@/strores/useWeatherStore'
import { storeToRefs } from 'pinia'

const { isShow } = storeToRefs(useWeatherStore())
onMounted(() => {
  isShow.value = false
})
</script>
